<script type="text/javascript">
	$(document).ready(function(){		
		$('#frm_login').submit(function(event){
			//alert('hello');
			event.preventDefault();
			
			$.ajax({
				url: "<?php echo base_url();?>index.php/can_register/login",
				type: "POST",
				data: {
					user_name: $('#user_name').val(),
					password: $('#password').val(),
				},
				success: function(data){
					if(data=='LoggedIn')
					{
						//alert('Yes you are logged in!');
						window.location.href='can_account';
					}else if(data=='No')
					{
						alert('Sorry wrong login information!');
					}
				}
				
			});
		
		});
	});
</script>

<div id="ks_container">
	<div id="jb-lgl-page">
		<div class="ks_can_lgl">
			<div class="jb-seeker-title">Job Seeker</div>
			<div id="jb-adr">
				<p>If you have a problem! Please contact us.
				<br/> Tel: 855 988 766 555 or Email: info@jobcafe4u.com</p>
			</div>
		</div>
		<div class="ks_can_lgr">
			<div class="login">
					<form id="frm_login" action="<?php echo base_url('index.php/can_register/login');?>" method="POST" class="acc_log">
						<div class="login_title">Job Seeker's Login</div>
						<table width="100%" border="0" cellpadding="3" cellspacing="0">
							<tbody>
								<tr>
									<td class="user_lebel">Username</td>
									<td class="btn-txt"><input type="text" id="user_name" name="user_name"></td>
								</tr>
								<tr>
									<td class="user_lebel">Password</td>
									<td><input type="password" id="password" name="password"></td>
								</tr>
								<tr>
									<td width="80px">&nbsp;</td>
									<td align="right">
										<input class="bsub" type="submit" value="Login"/>
										<button class="bsign"><a href="<?php echo base_url('index.php/can_register/can_add');?>">Sing Up</a></button>
									</td>
								</tr>
								
								
								<tr align="left">
									<td colspan="2"><a href="">Forgot password!</a></td>
								</tr>
								<tr align="left">
									<td colspan="2">Welcome you to new member!</td>
								</tr>

							</tbody>
						</table>
					<div style="color:#C00000;text-align:center;font-style:italic"></div>
				</form>
			</div>
		</div> <!-- end r -->
		
	</div>
	
<div id="shadow"></div>
<div id="add_err"></div>
<div id="profile"></div>
	
	
</div>